<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" 
	xmlns:c="http://java.sun.com/jsp/jstl/core">
	

<ui:composition template="/_template.xhtml">
	<ui:define name="content">
		<h:form enctype="multipart/form-data">
			<fieldset>
				<legend>Cadastrar Documento</legend>
				
				<p:tabView id="Tabela" style="border=1">
					<p:tab id="tab1" title="Documento">
						<h:panelGrid columns="2">
							<h:outputLabel for="nome">Nome:</h:outputLabel>
							<p:inputText id="nome" value="#{documentoManagedBean.documento.nome}" />
							
							<h:outputLabel>Descricao:</h:outputLabel>
							<p:inputTextarea id="descricao" value="#{documentoManagedBean.documento.descricao}" />
							
							<h:outputLabel>Categoria:</h:outputLabel>
							<h:selectOneMenu value="#{documentoManagedBean.documento.categoria.id}">
								<f:selectItems value="#{documentoManagedBean.listCategoria}" var="categoria" itemValue="#{categoria.id}" itemLabel="#{categoria.nome}"/>
							</h:selectOneMenu>
							
							<h:outputLabel>Tipo de Documento:</h:outputLabel>
							<h:selectOneMenu value="#{documentoManagedBean.documento.tipo.id}" >
								<f:selectItems  value="#{documentoManagedBean.listTpDocumento}" var="tipo" itemValue="#{tipo.id}" itemLabel="#{tipo.nome}" />
							</h:selectOneMenu>
							
							<h:outputLabel>Arquivo:</h:outputLabel>
							<p:fileUpload fileUploadListener="#{documentoManagedBean.trataArquivo}"
					            mode="advanced"  
					            update="messages"   
					            allowTypes="/(\.|\/)(doc)$/"/> 
						</h:panelGrid>
						<p:messages id="messages" showDetail="true" autoUpdate="true" />
					</p:tab>
					
					<p:tab id="tab2" title="Documentos Relacionados">
						Documentos Relacionados
						<p:dataTable value="#{documentoManagedBean.documentosRelacionados}"  var="documento" rowKey="#{documento}" paginator="true"
						       rows="5" selection="#{documentoManagedBean.documentosSelecionadosDesassociar}" >
								
								<p:column selectionMode="multiple" />
								<p:column headerText="Nome">
									#{documento.nome}
								</p:column>
								<p:column headerText="Tipo de Documento">
									#{documento.tipo.nome}
								</p:column>
								<p:column headerText="Categoria">
									#{documento.categoria.nome}
								</p:column>
						</p:dataTable>
						<h:commandButton value="Desfazer Associação" action="#{documentoManagedBean.retirarDocumentoAssociado}"/>
					</p:tab>
					
					<p:tab id="tab3" title="Associar Documentos">
						<fieldset>
							<legend>Consultar Documentos</legend>
							
							<p:inputText id="search-query" value="#{documentoManagedBean.chave}" />
							<p:commandButton id="pesquisar" value="Pesquisar" actionListener="#{documentoManagedBean.pesquisaTelaCadastroDocumento}">
								<f:ajax render="@all" />
							</p:commandButton>
						</fieldset>

						<p:dataTable value="#{documentoManagedBean.dataModel}" var="documento" rowKey="#{documento}" paginator="true" rows="5"
						    selection="#{documentoManagedBean.documentosSelecionados}">
	
							<p:column selectionMode="multiple" />
	
							<p:column headerText="Nome">
								#{documento.nome}
							</p:column>

							<p:column headerText="Descricao">
								#{documento.descricao}
							</p:column>

							<p:column headerText="Data Inclusão">
								<h:outputText value="#{documento.dataInclusao}" >
									<f:convertDateTime pattern="dd/MM/yyyy"></f:convertDateTime>
								</h:outputText>
							</p:column>

						</p:dataTable>
						
						<h:commandButton value="Relacionar Novos Documentos" action="#{documentoManagedBean.relacionarDocumentos}"/>
					</p:tab>
					<p:tab id="tab4" title="Historico Alterações Documento" rendered="#{documentoManagedBean.paginaAlterar}">
						<fieldset>
							<legend>Histórico Alterações Documento </legend>
							<p:dataTable  var="historico"  value="#{documentoManagedBean.listaHistoricoAlteracoes}" varStatus="status">
							
								<p:column headerText="Data Inclusão">
									<h:outputText value="#{historico.dataInclusao}" >
										<f:convertDateTime pattern="dd/MM/yyyy"></f:convertDateTime>
									</h:outputText>
								</p:column>
								<p:column headerText="Categoria">
									#{historico.categoria.nome}
								</p:column>
								<p:column headerText="Nome Documento">
									#{historico.nomeDocumento}
								</p:column>
								<p:column headerText="Tp. Doc.">
									#{historico.tipoDocumento.nome}
								</p:column>
								<p:column headerText="Descrição do Documento">
									#{historico.descricaoDocumento}
								</p:column>
								<p:column headerText="Usuário">
									#{historico.usuario.login}
								</p:column>
							</p:dataTable>
						</fieldset>
					</p:tab>
					<p:tab id="tab5" title="Historico Alterações Relacionamento" rendered="#{documentoManagedBean.paginaAlterar}">
						<fieldset>
							<legend>Histórico Alterações Relacionamentos </legend>
							<table style="width:100%">
								<tr>
									<th>Versão</th>
									<th>Data</th>
									<ui:repeat value="#{documentoManagedBean.estrutura.listaDocumentosRelacionados}" var="listaDocRel">
										<th style="text-align:center">
											<h:outputText value="#{listaDocRel.nome}" />
										</th>
									</ui:repeat>
								</tr>
								<ui:repeat value="#{documentoManagedBean.estrutura.listaCasosDeUso}" varStatus="status" var="listaCsu">
									<tr style="background-color:#{status.index%2==0?'#ccc':''}">
										<th style="border:1px solid black;text-align:center !important">
											<h:outputText value="#{listaCsu.versao}" />
										</th>
										<th style="border:1px solid black;text-align:center !important">
											<h:outputText value="#{listaCsu.dataCasoDeUso}" >
												<f:convertDateTime pattern="dd/MM/yyyy"></f:convertDateTime>
											</h:outputText>
										</th>
										<ui:repeat value="#{documentoManagedBean.estrutura.listaDocumentosRelacionados}" var="listaDocRel">
											<td style="border:1px solid black;text-align:center">
												<h:outputText value="X" rendered="#{listaCsu.documentosRelacionados.contains(listaDocRel.idDoc)}" />
											</td>
										</ui:repeat>
									</tr>
								</ui:repeat>
							</table>
						</fieldset>
					</p:tab>
				</p:tabView>
				
				
				<h:commandButton action="#{documentoManagedBean.incluirDocumento}" value="Incluir" rendered="#{documentoManagedBean.paginaIncluir}" />
				<h:commandButton action="#{documentoManagedBean.alterarDocumento}" value="Alterar" rendered="#{documentoManagedBean.paginaAlterar}"/>	
			</fieldset>
		</h:form>		
	</ui:define>
</ui:composition>


</html>